<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
	<head>
		<meta charset="utf-8" />
		<title>业务系统管理控制台</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
	</head>
	
	<body>
		<section class="content-header" >
		 	<ol class="breadcrumb">
		 		<li><i class="fa fa-dashboard"></i> 导航</li>
		       	<li class="">开发工具</li><li class="active">列表</li>
		    </ol>
		</section>
		<section class="content">
			<fieldset>
				<legend>查询条件</legend>
				<form class="form-horizontal" id="searchForm">
					<div class="row">
						<div class="col-sm-6">
							<div class="input-group">
				                <span class="input-group-addon">站点名称</span>
				                <input type="text" name="projectName" class="form-control input-sm" id="projectName" placeholder="请输入站点名称" />
				                <span class="input-group-btn">
	                                <button class="btn btn-primary btn-sm" id="queryBtn" type="button">
	                                    <i class="fa fa-search"></i> 查询
	                                </button>
	                            </span>
				            </div>
						</div>
					</div>
				</form>
			</fieldset>
			<fieldset>
				<legend>列表</legend>
				<table id="table">
					<thead>
						<tr>
							<th data-field="version">版本号</th>
							<th data-field="current_version" data-formatter="versionFormatter">是否最新版本</th>
							<th data-field="record_num">记录数</th>
							<th data-field="packaged" data-formatter="packageFormatter">是否已打包</th>
							<th data-field="password">解压密码</th>
							<th data-field="ftp_full_path" data-formatter="downloadFormatter">下载</th>
							<th data-field="hisDate">数据获取日期</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
						<tr>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
							<td>123</td>
						</tr>
					</tbody>
				</table>
			</fieldset>
		</section>
	</body>
	<script type="text/javascript">
		$('#table').bootstrapTable();
	</script>
</html>